import './pc.css';
import './font.css';

import { css, Global } from '@emotion/react';
import tw, { GlobalStyles as BaseStyles, theme } from 'twin.macro';

const customStyles = css`
  body {
    -webkit-tap-highlight-color: ${ theme`colors.purple.500` };
    ${ tw`antialiased` }
  }
`;

export const GlobalStyles = () => (
  <>
    <BaseStyles />
    <Global styles={customStyles} />
  </>
);
